{% extends 'base.html' %}
{% block body %}

  <!-- Navigation -->
  <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark fixed-top">
    <div class="container">
      <a class="navbar-brand" href="/">如淇玩城</a>
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
              data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
              aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item">
            <a class="nav-link" href="{% url 'homepage:about' %}">关于我们</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="{% url 'homepage:soap' %}">商品介绍</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="{% url 'homepage:news' %}">最新消息</a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="{% url 'homepage:series' %}" id="navbarDropdownPortfolio"
               data-toggle="dropdown"
               aria-haspopup="true" aria-expanded="false">
              商品系列
            </a>
            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownPortfolio">
              <a class="dropdown-item" href="{% url 'homepage:series' %}">系列1</a>
              <a class="dropdown-item" href="{% url 'homepage:series' %}">系列2</a>
              <a class="dropdown-item" href="{% url 'homepage:series' %}">系列3</a>
            </div>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="{% url 'homepage:contact' %}">联系我们</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  {% block page %}
  {% endblock %}

  <!-- Footer -->
  <div class="footer">
    <footer class="py-5 bg-dark">
      <div class="container">
        <p class="m-0 text-center text-white">Copyright &copy; 如淇玩城 2018</p>
      </div>
      <!-- /.container -->
    </footer>
  </div>

{% endblock %}

